<!-- Dashboard icons -->
<div class="grid_7">
    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_write.gif"  width="64" height="64" alt="edit" />
            <span>New article</span>
    </a>

    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_file.gif"  width="64" height="64" alt="edit" />
            <span>Upload file</span>
    </a>

    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_files.gif"  width="64" height="64" alt="edit" />
            <span>Articles</span>
    </a>

    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_calendar.gif"  width="64" height="64" alt="edit" />
            <span>Calendar</span>
    </a>

    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_user.gif"  width="64" height="64" alt="edit" />
            <span>My profile</span>
    </a>

    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_stats.gif"  width="64" height="64" alt="edit" />
            <span>Stats</span>
    </a>

    <a href="" class="dashboard-module">
            <img src="images/admin/Crystal_Clear_settings.gif"  width="64" height="64" alt="edit" />
            <span>Settings</span>
    </a>
    <div style="clear: both"></div>
</div> <!-- End .grid_7 -->

<!-- Account overview -->
<!--<div class="grid_5">
    <div class="module">
            <h2><span>Account overview</span></h2>

            <div class="module-body">

                    <p>
                    <strong>User: </strong>User X<br />
                    <strong>Your last visit was on: </strong>20 January 2010,<br />
                    <strong>From IP: </strong>000.000.00.00
                </p>

                    <div>
                        <div class="indicator">
                            <div style="width: 23%;"></div>
                        </div>
                        <p>Your storage space: 23 MB out of 100MB</p>
                    </div>

                    <div>
                        <div class="indicator">
                            <div style="width: 100%;"></div>
                        </div>
                        <p>Your bandwidth (January): 1 GB out of 1 GB</p>
                    </div>

                    <p>
                    Need to switch to a bigger plan?<br />
                    <a href="">click here</a><br />
                </p>

            </div>
    </div>
    <div style="clear:both;"></div>
</div> --><!-- End .grid_5 -->

<div style="clear:both;"></div>



<div class="grid_12">

    <!-- Notification boxes -->
    <!--<span class="notification n-success">Success notification.</span>

    <span class="notification n-information">Information notification.</span>

    <span class="notification n-attention">Attention notification.</span>

    <span class="notification n-error">Error notification.</span>
    -->

   <!-- <div class="bottom-spacing">

        <div class="float-right">
            <a href="" class="button">
                    <span>New Article <img src="images/admin/plus-small.gif"  width="12" height="9" alt="New article" /></span>
            </a>
        </div>

        Filter: 
        <select class="input-short">
            <option value="1" selected="selected">Select filter</option>
            <option value="2">Created last week</option>
            <option value="3">Created last month</option>
            <option value="4">Edited last week</option>
            <option value="5">Edited last month</option>
        </select>

    </div>


    <div class="module">
            <h2><span>Sample table</span></h2>

        <div class="module-table-body">
            <form action="">
            <table id="myTable" class="tablesorter">
                    <thead>
                    <tr>
                        <th style="width:5%">#</th>
                        <th style="width:20%">Title</th>
                        <th style="width:21%">Author</th>
                        <th style="width:13%">Category</th>
                        <th style="width:13%">Pages</th>
                        <th style="width:13%">Price</th>
                        <th style="width:15%"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="align-center">1</td>
                        <td><a href="">Don Quixote</a></td>
                        <td>Cervantes</td>
                        <td>adventure</td>
                        <td>992</td>
                        <td>$11.55</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/tick-circle.gif"  width="16" height="16" alt="published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif"  width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="align-center">2</td>
                        <td><a href="">Lord Jim</a></td>
                        <td>Joseph Conrad</td>
                        <td>thriller</td>
                        <td>400</td>
                        <td>$6.95</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/minus-circle.gif"  width="16" height="16" alt="not published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif"  width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="align-center">3</td>
                        <td><a href="">Inferno</a></td>
                        <td>Dante</td>
                        <td>drama</td>
                        <td>528</td>
                        <td>$8.76</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/minus-circle.gif"  width="16" height="16" alt="not published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif"  width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="align-center">4</td>
                        <td><a href="">David Copperfield</a></td>
                        <td>Charles Dickens</td>
                        <td>literary</td>
                        <td>1024</td>
                        <td>$9.00</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/tick-circle.gif"  width="16" height="16" alt="published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif"  width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="align-center">5</td>
                        <td><a href="">Crime and Punishment</a></td>
                        <td>Fyodor Dostoevsky</td>
                        <td>world literature</td>
                        <td>592</td>
                        <td>$10.85</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/tick-circle.gif"  width="16" height="16" alt="published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif"  width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="align-center">6</td>
                        <td><a href="">Faust</a></td>
                        <td>Johann Wolfgang von Goethe</td>
                        <td>drama</td>
                        <td>464</td>
                        <td>$5.95</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/tick-circle.gif"  width="16" height="16" alt="published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif"  width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="align-center">7</td>
                        <td><a href="">Lord of the Flies</a></td>
                        <td>William Golding</td>
                        <td>drama</td>
                        <td>190</td>
                        <td>$15.88</td>
                        <td>
                            <input type="checkbox" />
                            <a href=""><img src="images/admin/minus-circle.gif"  width="16" height="16" alt="not published" /></a>
                            <a href=""><img src="images/admin/pencil.gif"  width="16" height="16" alt="edit" /></a>
                            <a href=""><img src="images/admin/balloon.gif"  width="16" height="16" alt="comments" /></a>
                            <a href=""><img src="images/admin/bin.gif" f" width="16" height="16" alt="delete" /></a>
                        </td>
                    </tr>
                </tbody>
            </table>
            </form>
            <div class="pager" id="pager">
                <form action="">
                    <div>
                    <img class="first" src="images/admin/arrow-stop-180.gif"  alt="first"/>
                    <img class="prev" src="images/admin/arrow-180.gif"  alt="prev"/> 
                    <input type="text" class="pagedisplay input-short align-center"/>
                    <img class="next" src="images/admin/arrow.gif"  alt="next"/>
                    <img class="last" src="images/admin/arrow-stop.gif"  alt="last"/> 
                    <select class="pagesize input-short align-center">
                        <option value="10" selected="selected">10</option>
                        <option value="20">20</option>
                        <option value="30">30</option>
                        <option value="40">40</option>
                    </select>
                    </div>
                </form>
            </div>
            <div class="table-apply">
                <form action="">
                <div>
                <span>Apply action to selected:</span> 
                <select class="input-medium">
                    <option value="1" selected="selected">Select action</option>
                    <option value="2">Publish</option>
                    <option value="3">Unpublish</option>
                    <option value="4">Delete</option>
                </select>
                </div>
                </form>
            </div>
            <div style="clear: both"></div>
            </div> 
    </div> 


            <div class="pagination">           
                    <a href="" class="button"><span><img src="images/admin/arrow-stop-180-small.gif"  height="9" width="12" alt="First" /> First</span></a> 
            <a href="" class="button"><span><img src="images/admin/arrow-180-small.gif" height="9" width="12" alt="Previous" /> Prev</span></a>
            <div class="numbers">
                <span>Page:</span> 
                <a href="">1</a> 
                <span>|</span> 
                <a href="">2</a> 
                <span>|</span> 
                <span class="current">3</span> 
                <span>|</span> 
                <a href="">4</a> 
                <span>|</span> 
                <a href="">5</a> 
                <span>|</span> 
                <a href="">6</a> 
                <span>|</span> 
                <a href="">7</a> 
                <span>|</span> 
                <span>...</span> 
                <span>|</span> 
                <a href="">99</a>
            </div> 
            <a href="" class="button"><span>Next <img src="images/admin/arrow-000-small.gif"  height="9" width="12" alt="Next" /></span></a> 
            <a href="" class="button last"><span>Last <img src="images/admin/arrow-stop-000-small.gif"  height="9" width="12" alt="Last" /></span></a>
            <div style="clear: both;"></div> 
            </div>
</div> -->
   <h1><center>Dashboard</center></h1>